<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>


  <script type="text/javascript" src="./axios.js"></script>
</head>

<body>

  <h3>axios 手写原理</h3>
  <p>
    axios特性
    基于xmlHttpRequest的返回结果用了promise进行封装
    1、返回结果是promise类型
    2、能对请求 响应进行拦截
    3、自动转换成json数据
    4、取消请求
  </p>
  <button id="btn">点我发送请求</button>

  <button id="btn1">点我发送axios.method方式请求</button>


  <script type="text/javascript">

    console.log('Axios.prototype', Axios.prototype)
    console.log('request', axios)
    window.document.getElementById('btn').onclick = function () {

    //   // alert('发送请求')
    //   axios({
    //     url: 'http://localhost:5005/person',
    //     method: 'get'
    //   }).then((res) => {
    //     console.log('res', res)
    //   }, (err) => {
    //     console.log('err', err)
    //   })
    }

    window.document.getElementById('btn1').onclick = function () {

      // alert('发送请求')
      axios.get(
        'http://localhost:5005/person'
      ).then((res) => {
        console.log('2res', res)
      }, (err) => {
        console.log('2err', err)
      })
    }




  </script>
</body>

</html>